<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>知了知了</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/layui.css" />
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/h.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/layui.js"></script>
    <script src="js/echarts.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }

    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="lanbg">
        <div class="pad50">
            <div class="main-md">
                <div class="individualism">
                    <div class="individualism_lf">
                        <script>
                            $(".individualism_lf").load("lefts.html");
                        </script>
                    </div>
                    <div class="individualism_rt baibg bor30">
                        <div class="individualism_tit">
                            <h1>个人设置</h1>
                        </div>
                        <!-- <div class="individualism__second_tit">
                            <a href="#" class="active">全部课程</a>
                            <a href="#">单个课程</a>
                        </div>
                        <div class="individualism__second_tit">
                            <a href="#" class="active">3D MAX初级基础教程 </a>
                            <a href="#">PS基础教程</a>
                            <a href="#">PR基础教程</a>
                            <a href="#">C4D基础教程</a>
                        </div> -->
                        <div class="profit">
                            <div class="profit_top">
                                <h2>当前收益： <em>1500.00</em> 元 <span>（收益满1000元可提现）</span></h2>
                            </div>
                            <div class="profit_form">
                                <div class="enroll_item">
                                    <div class="enroll_lf">提现金额： </div>
                                    <div class="enroll_rt yuan"><input type="text"> 元 </div>
                                </div>
                                <div class="enroll_item">
                                    <div class="enroll_lf"> 图形验证码：</div>
                                    <div class="enroll_rt"><input type="text">
                                        <img src="images/yan.jpg" alt="">
                                        <a href="#"> 看不清，换一张 </a>
                                    </div>
                                </div>
                                <div class="enroll_item">
                                    <div class="enroll_lf"> 短信验证码:</div>
                                    <div class="enroll_rt"><input type="text">
                                        <button> 获取验证码 </button>
                                    </div>
                                </div>
                                <div class="profit_form_btn">
                                    <a href="#"> 提现 </a>
                                </div>
                            </div>
                            <div class="profit_cont">
                                <div class="profit_tit">
                                    <h1> 收益 <span></span> </h1>
                                </div>
                                <div id="container" style="height: 350px"></div>
                                <div class="profit_shose">
                                    <span>年份：</span>
                                    <select name="" id="">
                                        <option value=""> 2010 </option>
                                        <option value=""> 2011 </option>
                                        <option value=""> 2012 </option>
                                    </select>
                                    <span>月份：</span>
                                    <select name="" id="">
                                        <option value=""> 1月 </option>
                                        <option value=""> 2月 </option>
                                        <option value=""> 3月 </option>
                                    </select>
                                    <span> 至</span>
                                    <span>年份：</span>
                                    <select name="" id="">
                                        <option value=""> 2010 </option>
                                        <option value=""> 2011 </option>
                                        <option value=""> 2012 </option>
                                    </select>
                                    <span>月份：</span>
                                    <select name="" id="">
                                        <option value=""> 1月 </option>
                                        <option value=""> 2月 </option>
                                        <option value=""> 3月 </option>
                                    </select>
                                </div>
                                <div class="profit_btn">
                                    <a href="#"> 导出表格 </a>
                                </div>
                                <div class="profit_table">
                                    <table class="layui-table">
                                        <thead>
                                            <tr>
                                                <th> 月份</th>
                                                <th> 收益 </th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td> 2019年1月 </td>
                                                <td> 230 </td>
                                            </tr>
                                            <tr>
                                                <td> 2019年1月 </td>
                                                <td> 230 </td>
                                            </tr>
                                            <tr>
                                                <td> 2019年1月 </td>
                                                <td> 230 </td>
                                            </tr>
                                            <tr>
                                                <td> 2019年1月 </td>
                                                <td> 230 </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>

        </div>

    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        layui.use('table', function () {
            var table = layui.table;

            table.render({
                elem: '.layui-table'

            });
        });
    </script>
    <script type="text/javascript">

        var dom = document.getElementById("container");
        var myChart = echarts.init(dom);
        var app = {};
        option = null;
        option = {
            xAxis: {
                type: 'category',
                data: ['2020年1月', '2020年2月', '2020年3月', '2020年4月', '2020年5月', '2020年6月', '2020年7月']
            },
            itemStyle: {
                // 点的颜色。
                color: '#FA5F14',
                // borderColor: '#ddd',
            },
            lineStyle: {
                color: '#FA5F14',
            },
            yAxis: {
                type: 'value'
            },
            series: [{
                data: [200, 50, 130, 89, 230, 140, 250],
                type: 'line'
            }]
        };
        ;
        if (option && typeof option === "object") {
            myChart.setOption(option, true);
        }
    </script>
</body>

</html>